<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script type="text/javascript">
        DivNum=1;
        DelNum=1;
        function RemoveRow() {
            var OldDiv=document.getElementById('div')
            var DelDiv=document.getElementById('div'+DelNum)
            if (DelDiv) {
                DelNum++
                OldDiv.removeChild(DelDiv)
            }

        }
        function AddRow() {
            var Input=document.getElementsByTagName('input')
            var TextArea=document.getElementsByClassName('myArea')
            var OldDiv=document.getElementById('div')
            var text1=document.createTextNode(' 公司名称:'+Input[0].value+' ')
            var text2=document.createTextNode('职位:'+Input[1].value)
            var text3=document.createTextNode('工作职责及工作内容描述:'+TextArea[0].value)
            var NewDiv=document.createElement('div')
            NewDiv.id='div'+DivNum++
            NewDiv.appendChild(text1)
            NewDiv.appendChild(text2)
            NewDiv.appendChild(document.createElement('br'))
            NewDiv.appendChild(text3)
            OldDiv.appendChild(NewDiv)
            console.log(NewDiv.id);
            
        }
    </script>
    <h2>工作经历</h2>
    <hr/>
    <div id="myContainer">
        <div class="myDiv" id="div">
            公司名称:<input type="text" />
            职位:<input type="text" />
            <a href="javascript:RemoveRow('div1')">删除工作经历</a>
            <br />
            工作职责及工作内容描述: 
            <textarea class="myArea"></textarea>
            <hr />
        </div>			
    </div>
    
    <div style="line-height: 30px; text-align: right;">
        <a href="javascript:AddRow();">添加工作经历</a>
    </div>
</body>
</html>